<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>搜索</title>
    <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=0">
    <!-- 电话号码不被显示为超链接 -->
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <link rel="stylesheet" href="./static/css/animate.css">
    <link rel="stylesheet" href="./static/css/search.css">
</head>

<body>
    <div id='app'>

        <!-- 搜索头部 -->
        <div class='search-hea-wrap'>
            <div class='search-input'>
                <img src="./static/img/icon-search1.png" width="30px" height="30px">
                <input type="text" placeholder="搜索全网商品">
            </div>
            <span @click='history.back()'>取消</span>
        </div>
        <!-- 搜索头部 -->

        <!-- 请输入关键字搜索商品  又没有历史，又没有搜到内容显示-->
        <div class='posi-fixed vertical-center' v-if='!haveHistory&&!getContent'>
            <img :src="haveSeaCon?'./static/img/search-no-center.png':'./static/img/img-extud-search.png'" :width="haveSeaCon?'270px':'220px'" height="250px">
            <span v-text="haveSeaCon?'未找到相关内容':'请输入关键字搜索商品'">请输入关键字搜索商品</span>
        </div>
        <!-- 请输入关键字搜索商品 -->

        <!-- 有历史显示 -->
        <div class='posi-fixed' v-if='haveHistory'>
            <h1 class='his-title'>Historical records / 历史记录</h1>
            <div class='his-list'>
                <p v-for='(val,index) in 5' :key='index' @click='hisHref(val)'><span>{{index+1}}、</span><span>包月鲜花</span></p>
            </div>
            <button @click='clearHis' class='clear-his'>清空历史记录</button>
        </div>
        <!-- 有历史显示 -->

        <!-- 搜索到内容显示 -->
        <div class='posi-fixed' v-if='getContent'>
            <div style="padding:0 30px;">
                <div class='content' v-for='(val,index) in 5' :key='index' @click='openHref(val)'>
                    <span>花艺</span>
                    <img @click.stop='upFont(val)' src="./static/img/icon-send.png" width="40px" height="40px">
                </div>
            </div>
        </div>
        <!-- 搜索到内容显示 -->

    </div>
    <script src="./static/js/com.js"></script>
    <script src="./static/js/jquery-3.3.1.min.js"></script>
    <script src='./static/js/vue.min.js'></script>
    <script src="./static/js/vue-service-search.js"></script>
</body>

</html>